<template>
  <div class="child">
    <h1>Custom_event的Child组件</h1>
    <h1>Child的玩具:{{ toy }}</h1>
    <!-- 第二步，通过emit（事件，单击等）触发函数 -->
    <button @click="emit('toy-function',toy)">调用父亲传来的自定义函数</button>
  </div>
</template>

<script lang="ts" setup>
  import useChildComponent from '@/hooks/useChildComponent';
  const { toy } = useChildComponent()
  // 第一步，先通过defineEmits接收函数
	const emit =  defineEmits(['toy-function'])

</script>

<style scoped>
</style>